Skip to content

48016 frontend [ workflows ] keep performer avatars circular in table view#263

Open
aicarma-artyom-maslov wants to merge 6 commits into
masterfrom
frontend/workflows/48016__fix_performer_image_preview
Open

48016 frontend [ workflows ] keep performer avatars circular in table view#263
aicarma-artyom-maslov wants to merge 6 commits into
masterfrom
frontend/workflows/48016__fix_performer_image_preview

Conversation

@aicarma-artyom-maslov

@aicarma-artyom-maslov aicarma-artyom-maslov commented Jul 9, 2026

Copy link
Copy Markdown
Collaborator

Note

Low Risk
Frontend layout and table column sizing only; no auth, API, or data-layer changes.

Overview
Fixes performer avatar stacks in the workflows table so images stay 20×20 circles (border-radius, object-fit: cover, flex-shrink: 0) instead of stretching in tight columns. The same avatar hardening is applied in workflow card users, shared Avatar img styles, and comment avatars in the workflow log.

Adds getPerformersAvatarsWidth to size overlapping stacks (20px avatars, 4px overlap). The performer column default/min width uses that helper (5 avatars) instead of a flat 80px, and WorkflowsTable grows width/minWidth from the max selectedUsers count across loaded rows. Saved performer widths in state only increase when the computed minimum is larger, and column widths refresh on next-page loads as well as when fully loaded.

Reviewed by Cursor Bugbot for commit 33a00f1. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Fix performer avatars to remain circular and correctly sized in workflow table view

  • Adds flex-shrink: 0 and object-fit: cover to avatar elements across workflow log comments, comment fields, and the card users component so avatars maintain their circular shape in flex layouts.
  • Reworks WorkflowCardUsers.css to fix avatar and button sizes at 20×20px with a 4px overlap between items.
  • Introduces getPerformersAvatarsWidth utility to calculate the total width for N overlapping 20px avatars, and uses it to set the performer column width dynamically based on the maximum performer count in the current dataset (replacing the previous fixed 80px with a computed 84px default for 5 avatars).
  • Adds max-width: 100% to the performer column container to prevent overflow.

Macroscope summarized 33a00f1.

@cursor cursor Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using default effort and found 1 potential issue.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit 5f93f13. Configure here.

@aicarma-artyom-maslov aicarma-artyom-maslov changed the title 48016 fix(workflows): keep performer avatars circular in table view 48016 frontend [ workflows ]: keep performer avatars circular in table view Jul 13, 2026
@aicarma-artyom-maslov aicarma-artyom-maslov changed the title 48016 frontend [ workflows ]: keep performer avatars circular in table view 48016 frontend [ workflows ] keep performer avatars circular in table view Jul 13, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Frontend Web client changes request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant